<template>
  <view class="teamItem">
    <view class="title"> {{ title }}团队 </view>
    <template v-if="team.length > 0">
      <TeamContent v-for="(item, index) in team" :key="index" :team="item" />
    </template>
    <template v-else>
      <view class="notice">{{ title }}暂无团队！</view>
    </template>

    <!-- <TeamContent title="团队" /> -->
  </view>
</template>
<script>
import TeamContent from "./content";
export default {
  components: {
    TeamContent,
  },
  props: {
    title: {
      type: String,
      default: "今日",
    },
    team: {
      type: Array,
    },
  },
  data() {
    return {};
  },
};
</script>
<style lang="scss" scoped>
.teamItem {
  width: 100%;
  box-sizing: border-box;
  padding: 0 20rpx;
  background-color: #ffffff;
  margin-bottom: 30rpx;
  .title {
    font-size: 30rpx;
    font-weight: bold;
    padding-top: 20rpx;
  }
  .mine {
    @include flex;
    &-title {
      &__name {
        font-size: 26rpx;
      }
      &__num {
        font-size: 24rpx;
      }
    }
  }
  .notice {
    text-align: center;
    line-height: 100rpx;
  }
}
</style>
